/*
Referencias:

colores:
gris = #F5F5F5
naranja = #FFA622
azul = #008CC4
celeste = #58B9DC
*/

body {background:#FFF;
     color:#000000;
	 margin:0px; padding:0;
	 font-family:"Trebuchet MS", Helvetica, Verdana, Arial;
	 font-size:12px;}
	 
/*---------------------------------------------- TOP ---------------------------------*/	 
#top{width:100%;
height:54px;
margin-left:auto;
margin-right: auto;
background:url(Images/bg-top.gif) repeat-x;
border-bottom:#999999 solid 2px;
}

#top h1{margin:0; padding:12px 0 0 3px; font-size:20px; font-weight:normal; }

.sesion{margin:10px 25px 0 0; float:right; width:250px; color:#FFFFFF; Font-Size:xx-small;}

.sesion1{color:#FFFFFF;}

p.user{margin:0; padding:0 0 0 20px;  color:#FFFFFF; font-size:10px; background:url(Images/user.gif) no-repeat left center; float: left;}
a.sesOut{ text-decoration:none; font-size:10px; float:left; margin:0 0 0 10px;}
/*-------------------------------------- end TOP ------------------------------------*/	

/*-------------------------------- BREAD --------------------------------------------*/	
#bread
	{width:100%;
	height:30px;
	margin-left:auto;
	margin-right: auto;
	background:#FFF;
	}
	
#bread p{margin:5px 0 0 3px; padding:0; font-size:10px; color:#333333;}
#bread p a{color:#008CC4; text-decoration:none; font-weight:bold;}
#bread p a:hover{color:#333333; text-decoration:none}
/*---------------------------------- end BREAD -----------------------------------------*/	

/*----------------------------------SITEMAPPATH-----------------------------------------*/	

/* #sitemappath{margin:5px 0 0 3px; padding:0; font-size:10px; } */
#sitemappath{ }
/*#currentnodestyle{color:#333333} */
#currentnodestyle{color:Black}

/*#nodestyle{color:#008CC4; text-decoration:none; font-weight:bold; }*/
#nodestyle{ }
/* #rootnodestyle{color:#008CC4; text-decoration:none; font-weight:bold; } */
#rootnodestyle{ }

/*---------------------------------------------------------------------------*/	

/*--------------------------------------- CONTENEDOR --------------------------------*/		 
#contenedor{
width:960px;
height:auto;
margin:0;
float:left;
}

/*-------CONTENIDO LEFT---------------*/
.col-left{width:200px; height:auto; float:left;}

.col-left h1{margin:0; padding:3px 0 0 0; display:block; text-align:center; background:url(Images/fd-h1-left.jpg) repeat-x; 
text-transform:uppercase; color:#FFFFFF; font-size:12px; height:21px;}

h2.rojo{width:99px; background:url(Images/fd-tit-rojo.jpg) repeat-x; color:#FFFFFF; font-size:11px; 
margin:2px 0 0 0; padding:0; text-align:center; float:left; text-transform:uppercase; height:17px;}

h2.verde{width:99px; background:url(Images/fd-tit-verde.jpg) repeat-x; color:#FFFFFF; font-size:11px; 
margin:2px 0 0 0; padding:0; text-align:center; float:right; text-transform:uppercase; height:17px;}

h2.verde a , h2.rojo a{color:#FFF; text-decoration:none; display:block;}
h2.verde a:hover , h2.rojo a:hover{color:#DBDBDB; text-decoration:none;}

.botonera{width:198px; margin:5px 0 0 0; min-height:254px; border:solid 1px #DBDBDB; display:block; background:#F5F5F5;}

a.root{display:block; background:#D3D3D3; color:#333; padding:3px 3px 3px 15px; 
font-size:12px; text-transform:uppercase; text-decoration:none; border-top:#F5F5F5 solid 1px;}
a.root:hover{background:#107BA0; color:#FFF; text-decoration:none;}

a.sub{display:block; background:#DDD; color:#333; padding:1px 2px 1px 32px; 
font-size:12px; text-decoration:none; border-top:#F5F5F5 solid 1px;}
a.sub:hover{background:#018dc5; color:#F5F5F5; text-decoration:none;}

/*--------------Tree---------------*/

.menu{width:198px; margin:5px 0 0 0; min-height:254px; border:solid 2px #DBDBDB; display:block; }

.rootnode{display:block; color:#333 !important; padding:3px 3px 3px 15px; 
font-size:12px; text-transform:uppercase; text-decoration:none; border-top:#F5F5F5 solid 1px; }

.node{display:block; color:#333; padding:1px 2px 1px 10px;  
font-size:12px; text-decoration:none; border:#F5F5F5 solid 1px; }

.hovernode{background:#018dc5 !important; color:#F5F5F5 !important; text-decoration:none;}

/*-------CONTENIDO RIGHT---------------*/
.col-right{width:750px;
height:auto;
float:right;
padding:0;
}

.col-right h1 {margin:0; padding:0 0 0 15px; color:#107BA0; font-size:18px; float:left; background:url(Images/ic-h1.gif) no-repeat left center;}

.col-login{margin:0 auto; display:block; overflow:auto; width:400px;}

.col-login h1 {margin:0; padding:0 0 0 15px; color:#107BA0; font-size:18px; float:left; background:url(../img/ic-h1.gif) no-repeat left center;}

/*-------CONTENT-LEFT (Agregado)---------*/
.content-left{width:750px;
height:auto;
float:left;
padding:0;
}

.content-left h1 {margin:0; padding:0 0 0 15px; color:#107BA0; font-size:18px; float:left; background:url(Images/ic-h1.gif) no-repeat left center;}

.subtitulos{ width:auto; display:block; background:#107BA0; height:18px; color:#FFFFFF; font-size:11px; font-weight:bold; padding:2px 0 0 15px;
 margin:5px 0 0 0;}

.contentGris{width:auto; padding:15px; height:auto; background:#E2E2E4; }
.contentGris a{color:#018dc5; text-decoration:none;}
.contentGris a:hover{color:#107BA0; text-decoration:underline;}

.contentGris h2{margin:15px 0 5px 0; padding:0; color:#107BA0; font-size:16px;}

.contentGris p{margin:0; padding:0; color:#000; font-size:11px;}

.contentGris p.errorText{margin:0; padding:10px; color:#000; font-size:11px; background-color:#fffed7;}

a.info{text-decoration:none; color:#018dc5; background:url(Images/ic-info.gif) no-repeat left center #DDD; padding:8px 8px 8px 28px;
background-position:5% center; 
font-size:11px; float:left; margin:0 10px 0 0; font-weight:bold;
border-left:#BBB solid 1px; border-top:#BBB solid 1px; border-right:#BBB solid 1px;}
a.info:hover{text-decoration:none; color:#107BA0; background-color:#afe6fc;}

a.mas-info{text-decoration:none; color:#018dc5; background:url(Images/ic-masinfo.gif) no-repeat left center #DDD; padding:8px 8px 8px 28px;
background-position:5% center;
font-size:11px; float:left; margin:0 20px 0 0; font-weight:bold; 
border-left:#BBB solid 1px; border-top:#BBB solid 1px; border-right:#BBB solid 1px;}
a.mas-info:hover{text-decoration:none; color:#107BA0; background-color:#afe6fc;}

.linea-pest{border-bottom:#BBB solid 1px;}

/* ::::::::::::   FORMULARIOS    :::::::::::*/

form{padding:0; margin:0;}

/* ::::::::::::   botones   ::::::::::::::*/
input.buscar{background:url(Images/ic-buscar.gif) no-repeat left center; border:none; padding:0 0 0 15px; margin:5px; 
color:#018dc5; font-size:10px; cursor:pointer;}
input.agregar{background:url(Images/ic-agregar.gif) no-repeat left center; border:none; padding:0 0 0 15px; margin:5px; 
color:#018dc5; font-size:10px; cursor:pointer;}
input.editar{background:url(Images/ic-editar.gif) no-repeat left center; border:none; padding:0 0 0 15px; margin:5px; 
color:#018dc5; font-size:10px; cursor:pointer;}
input.eliminar{background:url(Images/ic-eliminar.gif) no-repeat left center; border:none; padding:0 0 0 15px; margin:5px; 
color:#018dc5; font-size:10px; cursor:pointer;}
input.exportar{background:url(Images/ic-exportar.gif) no-repeat left center; border:none; padding:0 0 0 15px; margin:5px; 
color:#018dc5; font-size:10px; cursor:pointer;}
input.ayuda{background:url(Images/ic-ayuda.gif) no-repeat left center; border:none; padding:0 0 0 15px; margin:5px; 
color:#018dc5; font-size:10px; cursor:pointer; }

input.especial{background: #018dc5; border:none; padding:5px; margin:5px; color:#FFF; font-size:11px;}

input.estandar{background: #CCC; border:none; padding:5px; margin:5px; color:#107BA0; font-size:11px;}

.marginLeft200{margin:0 0 0 200px;}

/*textbox */
input.texto{width:200px; height: 16px; background-color:#FFF; color:#000; font-size:11px; padding:3px; margin:3px 0 2px 0; 
            border:#107BA0 solid 1px;}

/* Clase dropdownlist */
select.sel{width:207px; height: auto; border:#107BA0 solid 1px; background-color:#FFF !important; color:#000 !important; font-size:11px;  
padding:3px; margin:3px 0 2px 0;}

/* Clase label generica text-transform:uppercase; display:block; width:130px; padding:5px 0 5px 0; margin:3px 0 2px 0;*/
.label{font-size:12px; color:#000000; Text-Align:right; float:right; Font-weight:normal; }

.radiobuttonbox {border:#107BA0 solid 1px !important; background-color:#FFF !important; color:#000 !important; }
.radiobuttonitem{border:none; background-color:#FFF !important; color:#000 !important; font-size:11px; font-family:"Trebuchet MS", Helvetica, Verdana, Arial; }

/*Para control de observaciones (textbox multilinea) */
textarea
{
font-family:"Trebuchet MS", Helvetica, Verdana, Arial;
border:#107BA0 solid 1px; background-color:#FFF !important; color:#000; font-size:11px
}


/* ---------------------------------------------------------------------------------------------------------------------- */


/*...tablas....*/

/* 
tr.ppal{background:#107BA0; height:20px;}
tr.ppal td{ color:#FFFFFF; font-size:11px; font-weight:bold; text-align:center; border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px;}
tr.ppal td a{ color:#FFFFFF; text-decoration:none;}0
tr.ppal td a:hover{ color:#FFF; text-decoration:underline;}

tr.gris{background:#f0f0f0; height:20px;}
tr.gris td{ color:#333; font-size:11px; text-align:center; border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px;}

tr.blanca{background:#FFF;  height:20px;}
tr.blanca td{ color:#333; font-size:11px; text-align:center;  border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px;}

tr.gris td a, tr.blanca td a {color:#018dc5; text-decoration:none;}
tr.gris td a:hover, tr.blanca td a:hover {color:#018dc5; text-decoration:underline;}

tr.pie{background:#ddd;  height:20px;}
tr.pie td{ color:#018dc5; font-size:10px;  border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; padding-left:5px; font-weight:bold;}
tr.pie td a{ color:#018dc5; text-decoration:none;}
tr.pie td a:hover{ color:#107BA0; text-decoration:none;}*/

/*-------Grilla Style (Agregado)---------*/
table.borde{border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}

table.borde th {background:#107BA0; height:20px; color:#FFFFFF; font-size:11px; text-align:center; border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px;}
table.borde th a{ color:#FFFFFF; text-decoration:none;}
table.borde th a:hover{ color:#FFF; text-decoration:underline;}

table.borde tr {color:#333; font-size:11px; text-align:center; border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px;}
table.borde tr a {color:#018dc5; text-decoration:none;}
table.borde tr a:hover {color:#018dc5; text-decoration:underline;}

/*------------------------------------- end CONTENEDOR ------------------------------------*/

/*---------------------------------------- FOOTER -----------------------------------------*/
#footer{width:100%;
height:25px;
margin:30px auto auto auto;
background:#F5F5F5;
border-top:solid 1px #008CC4;
position:absolute;
bottom:0px;
}
#footer p{margin:5px; padding:0; text-align:center; display:block; font-size:12px;}

/*----------COMODINES-------------------*/
.clear{clear: both; height: 0; font-size: 1px;line-height: 0;}
.space10{padding-bottom:10px;}
.space20{padding-bottom:20px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.bold{font-weight:bold;}

/*-------- Agregados----------*/
/*#logo 
{ background-image:url(Images/logotipo.png);  } */